/* 本例子css */
.slideBox{ width:100%; height:500px; margin:0 auto;overflow:hidden; position:relative;}
.slideBox .bd { height:500px; overflow:hidden; }
.slideBox .bd li,.banner .bd li a { display:block; width:100%; height:500px; text-align:center;}

/*圆点*/
.slideBox .hd{overflow:hidden; height: 25px; position: absolute; bottom:20px; left:45%; zoom:1; z-index:3}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{width:20px; height:20px; border-radius:20px; line-height:5px; text-align: center;background: #ff6600; margin-right:20px;cursor:pointer; float: left; text-indent:9999px;}
.slideBox .hd ul li.on{ background:#009966; color:#fff; }